<!DOCTYPE html>
<html lang="zh-CN">

	<head>
		<meta charset="UTF-8">
		<meta http-equiv="X-UA-Compatible" content="IE=edge">
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
		<title>北网考试批卷</title>
		{% load static %}
		<link rel="stylesheet" type="text/css" href="{% static 'user/bootstrap-3.3.7-dist/css/bootstrap.min.css' %}" />
	</head>

	<body>
		<div class="container">
			<div class="row">
				<ul class="nav nav-tabs" role="tablist">
					{% for question_type in question_type_list %}
					{% if forloop.counter == 1 %}
					<li class="nav-item active">
					{% else %}
					<li class="nav-item">
					{% endif %}
					
						<a class="nav-link" data-toggle="tab" href="#question{{forloop.counter}}">{{question_type}}</a>
					{% endfor %}
					</li>
				</ul>
				
				
				
				
				
				
				
				<div class="tab-content">
				{% for questiontype in question_type_list %} {% if forloop.counter == 1 %}
					<div id="question{{forloop.counter}}" class="container tab-pane active  col-md-7"><br> {% else %}
					<div id="question{{forloop.counter}}" class="container tab-pane  col-md-7"><br> {% endif %}
						<ol>
						{% for question in question_list %}
						{% if question.question_type.question_type_text == questiontype %}
						<li>{{question.question_text}}</li><br />
						
						<p>正确答案：{{question.answer_text}}</p>
						{% endif %}
						{% endfor %}
						</ol>
					</div>
				{% endfor %}
					<div class="col-md-5">
						<ol>
						{% for i in write_list %}
							<li>学生所写：{{i}}</li>
						{% endfor %}
						</ol>
					</div>
				</div>
			</div>
		</div>

		<script type="text/javascript" src="{% static 'user/jquery-3.3.1.min.js' %}">
		</script>
		<script src="https://cdn.bootcss.com/jquery/3.3.1/jquery.min.js">
		</script>
		<script src="{% static 'user/bootstrap-3.3.7-dist/js/bootstrap.min.js' %}" type="text/javascript">
		</script>
	</body>

</html>